	Ext.onReady(function ()
	{
		new Ext.Viewport({
		    layout: 'border',
		    items: [{
			        region: 'north',
			        html: '<h1 class="x-panel-header">主面板</h1>',
			        autoHeight: true,
			        border: false,
			        margins: '0 0 5 0'
			    }, {
			        region: 'west',
			        collapsible: true,
			        title: '侧边栏',
			        width: 200,
			        items: {
			            title: 'Default Tab',
			            html: 'The first tab\'s content. Others may be added dynamically'
			        }
				
			    }/*, {
			        region: 'south',
			        title: '???',
			        collapsible: true,
			        html: '???',
			        split: true,
			        height: 100,
			        minHeight: 100
			    }, {
			        region: 'east',
			        title: 'Title for the Grid Panel',
			        collapsible: true,
			        split: true,
			        width: 200,
			        xtype: 'grid',
					items: {
			            title: 'Default Tab',
			            html: 'The first tab\'s content. Others may be added dynamically'
			        }
			    }, {
			        region: 'center',
			        xtype: 'tabpanel', 
			        items: {
			            title: 'Default Tab',
			            html: 'The first tab\'s content. Others may be added dynamically'
			        }
		   		}*/
		   		]
		});

	});
	
	